<template>
  <header>
    <div>
    <span style="display: flex; align-items: center; background-color: #409EFF; padding: 10px 20px; border-radius: 8px;">
      <img src="/img/logo.png" width="70" height="70" style="margin-right: 15px;" />
      <h1 style="margin: 0; color: white; font-size: 24px; font-weight: bold;">智慧医疗</h1>
    </span>
    </div>
    <el-menu
        :default-active="activeIndex"
        mode="horizontal"
        @select="handleSelect"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
    >
      <el-menu-item index="/index">网站首页</el-menu-item>
      <el-menu-item index="/guide">医院简介</el-menu-item>
      <el-menu-item index="3">专家团队</el-menu-item>
      <el-menu-item index="4">患者服务</el-menu-item>
      <el-menu-item index="5">坐诊时间</el-menu-item>
      <el-menu-item index="6">就医指南</el-menu-item>
      <el-menu-item index="7">新闻中心</el-menu-item>
      <el-menu-item index="8">登录注册</el-menu-item>
    </el-menu>
  </header>
  <main>
    <RouterView/>
  </main>
</template>


<script setup>
// 可以在这里添加脚本内容
import router from "@/router";

const handleSelect = (key, keyPath) => {
  console.log(key, keyPath);
  router.push(key)
}
</script>

<style scoped>
</style>
